import Vue from "vue";
Vue.directive("imgerror", {
  // inserted:当指令所在元素插入到真是的DOM中自动执行一次
  // el指令所在的DOM元素
  // bindings：指令信息对象
  // bindings.value：获取指令绑定表达式的值
  inserted(el, bindings) {
    // 监听el的加载错误事件
    el.addEventListener("error", () => {
      //用默认头像地址给src赋值
      el.src = bindings.value;
    });
  },
});

Vue.directive("permission", {
  inserted(el, binding) {
    // 拿到vuex中userInfo下的points数组
    const { points } = store.state.user.userInfo.roles;
    // 判断binding.value是否在vuex中的userInfo中
    const flag = points.includes(binding.value);
    //如果不在数组中
    if (!flag) {
      // 从dom树上移除;
      el.remove();
    }
  },
});
